<template>
  <div class="home-container">
    <div class="bg-div"></div>
    <div class="home-box">
      <h3 class="system-title">都江堰语音合成系统</h3>
      <div class="items">
        <router-link to="/system/voice">
          <div class="item item1">
            <div class="big-icon big-icon1"></div>
            <p>语音合成</p>
          </div>
        </router-link>
        <router-link to="/system/file">
          <div class="item item2">
            <div class="big-icon big-icon2"></div>
            <p>文件中心</p>
          </div>
        </router-link>
        <router-link to="/system/set">
          <div class="item item3">
            <div class="big-icon big-icon3"></div>
            <p>设置</p>
          </div>
        </router-link>
      </div>
    </div>
  </div>
</template>

<style lang="less" scoped>
  @import '../../assets/less/home';
</style>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>
